<!DOCTYPE html>
<html lang="en" ng-app="3drepo" class="fullheight">
	<head>
		<base href="/">
		<!-- Meta, title, CSS, favicons, etc.-->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>3D Repo</title>
		<script type="text/javascript" src="/public/plugins/base/config.js"></script>
		<!-- CSS Files-->
		<link rel="stylesheet" type="text/css" href="/public/css/external/x3dom.css">
		<link rel="stylesheet" type="text/css" href="/public/css/external/jquery-ui.css">
		<link rel="stylesheet" type="text/css" href="/public/css/ui.css">
		<link rel="stylesheet" type="text/css" href="/public/css/external/three-d-repo.css">
		<!-- JS Files-->
		<script type="text/javascript" src="/public/js/external/x3dom.js"></script>
		<script type="text/javascript" src="/public/js/external/angular.js"></script>
		<script type="text/javascript" src="/public/js/external/ammo.js"></script>
		<script type="text/javascript" src="/public/js/external/jquery.js"></script>
		<script type="text/javascript" src="/public/js/external/jquery-ui.js"></script>
		<script type="text/javascript" src="/public/js/external/angular-ui-utils.min.js"></script>
		<script type="text/javascript" src="/public/js/external/angular-ui-router.js"></script>
		<!-- Predefine the app-->
		<script>
		angular.module('3drepo', ['ui.router'])
		.constant('structure', {"plugin":"base","children":[{"plugin":"login","children":[{"plugin":"account","children":[{"plugin":"project","friends":["panel","filter","tree","viewpoints","issues","oculus","clip","bottomButtons","qrCodeReader","docs","utils","walkthroughVr"]}]}]}]})
		.constant('parentStates', {"base":[""],"login":["base"],"account":["base.login"],"project":["base.login.account"],"panel":["base.login.account"],"filter":["base.login.account"],"tree":["base.login.account"],"viewpoints":["base.login.account"],"issues":["base.login.account"],"oculus":["base.login.account"],"clip":["base.login.account"],"bottomButtons":["base.login.account"],"qrCodeReader":["base.login.account"],"docs":["base.login.account"],"utils":["base.login.account"],"walkthroughVr":["base.login.account"]})
		//.constant('pluginLevels', )
		.constant('uiState', {"base.login.account.project":["oculus"]});
		
		</script>
		<!-- Plugin JS and Angular files-->
		<!--script(type="text/javascript", src='/public/dist/plugins.min.js')-->
		<!-- Plugin JS Files-->
		<script type="text/javascript" src="/public/plugins/base/controlinterface.js"></script>
		<script type="text/javascript" src="/public/plugins/project/threed/viewermanager.js"></script>
		<script type="text/javascript" src="/public/plugins/project/threed/pinShader.js"></script>
		<script type="text/javascript" src="/public/plugins/project/threed/logo.js"></script>
		<script type="text/javascript" src="/public/plugins/project/threed/viewerutil.js"></script>
		<script type="text/javascript" src="/public/plugins/project/threed/viewer.js"></script>
		<script type="text/javascript" src="/public/plugins/project/threed/gamepad.js"></script>
		<script type="text/javascript" src="/public/plugins/project/threed/collision.js"></script>
		<script type="text/javascript" src="/public/plugins/oculus/oculus.js"></script>
		<!-- Plugin Angular Files-->
		<script type="text/javascript" src="/public/plugins/base/serverConfig.js"></script>
		<script type="text/javascript" src="/public/plugins/base/Auth.js"></script>
		<script type="text/javascript" src="/public/plugins/base/pageConfigProvider.js"></script>
		<script type="text/javascript" src="/public/plugins/base/httpProvider.js"></script>
		<script type="text/javascript" src="/public/plugins/base/StateManager.js"></script>
		<script type="text/javascript" src="/public/plugins/base/projectPageConfig.js"></script>
		<script type="text/javascript" src="/public/plugins/project/eventService.js"></script>
		<script type="text/javascript" src="/public/plugins/project/viewerDirective.js"></script>
		<script type="text/javascript" src="/public/plugins/base/autoLoginDirective.js"></script>
		<script type="text/javascript" src="/public/plugins/walkthroughVr/walkthroughVrDirective.js"></script>
		<script type="text/javascript" src="/public/plugins/walkthroughVr/VRDemoCtrl.js"></script>
	</head>
	<body class="fullheight">
		<div ng-controller="VRDemoCtrl" class="fullheight">
			<auto-login account="username" password="password" />
			<div ng-if="showMenu" class="fullheight">
				<div class="VRDemoMenuItem" ng-click="goDemoOne($event)">Demo 1</div>
				<div class="VRDemoMenuItem" ng-click="goDemoTwo($event)">Demo 2</div>
			</div>
			<div ng-if="demoOne">
				<viewer manager="manager" account="demo" project="demo1" branch="master" revision="head" class="project-viewport viewport" auto-init vr-mode />
				<walkthrough-vr account="demo" project="demo1"></walkthrough-vr>
			</div>
			<div ng-if="demoTwo">
				<viewer manager="manager" account="demo" project="demo2" branch="master" revision="head" class="project-viewport viewport" auto-init vr-mode />
				<walkthrough-vr account="demo" project="demo2"></walkthrough-vr>			
			</div>
		</div>
	</body>
</html>
